<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui" template="/WEB-INF/include/template/squelette.xhtml">

	<ui:define name="content">

		<p:layout stateful="true">
			<p:layoutUnit position="west" header="Liste des fichiers" collapsible="true" size="260">
				<h:form id="id-form-menu-west">
					<ui:repeat var="fichier" value="#{beanAfficherLogs.listeLogs}">
						<div class="log-fichier-menu-nom">
							<p:commandLink value="#{fichier.name}" action="#{beanAfficherLogs.lireFichier(fichier)}" update=":id-form-contenu" />
						</div>
					</ui:repeat>
				</h:form>
			</p:layoutUnit>
			<p:layoutUnit position="center" header="Contenu">
				<h:form id="id-form-contenu">
					<h:panelGroup rendered="#{!empty beanAfficherLogs.fichierLog}">

						<div class="log-fichier-contenu-nom">
							<h:outputText value="#{beanAfficherLogs.fichierLog.nom}" />
						</div>

						<table>
							<tbody>
								<ui:repeat var="ligne" value="#{beanAfficherLogs.fichierLog.listeLigne}">
									<tr>
										<td style="width: 100px"><h:outputText value="#{ligne.date}" converter="dateTimeConverter" /></td>
										<td style="width: 50px; text-align: center"><h:outputText value="#{ligne.severity}" styleClass="#{ligne.styleBySeverity}" rendered="#{ligne.titre}" /></td>
										<td><h:outputText value="#{ligne.message}" styleClass="#{ligne.styleBySeverity}" style="font-weight: normal" /></td>
									</tr>
								</ui:repeat>
							</tbody>
						</table>

					</h:panelGroup>
				</h:form>
			</p:layoutUnit>
		</p:layout>

	</ui:define>

</ui:composition>